<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>南柯仙域</title>
    <style type="text/css">
        .p1{margin: 70px 20px 40px 20px;
            padding: 10px 20px;
        }
        .p2{
            margin: 0 300px;
            padding:20px 80px;
            text-align: center;
            background-color: rgba(255,255,255);
            opacity: 0.8;
            line-height: 50px;
            border-radius: 2%;
            border-color: #ababab;
        }
        .p3{
            height:40px;
            width:70px;
            color: #000000;
        }
        .p4{
            border-radius: 100%;
        }
        .p5{
            border-color: #dbd8d8;
        }
        .p6{
            text-align: center;
            margin: 10px;
            color:#ffffff;
            clear:both;
        }
        .p7{
            background-image: url("img/denglu1.jpg");
            background-size: cover;
            background-repeat: no-repeat;
        }
        html,body{height: 100%;}/*可以使height=百分比生效*/
    </style>
</head>
<body class="p7">
    <div align="center" class="p1">
    <img src="img\touxiang.jpg"height=100px align="center" class="p4">
    </div>
    <div class="p2" border="1">
        <from background-color="white">
            <h1>Login</h1>
            用户名：<input type="text" name="id" class="p5"></br>
            密码：&nbsp;&nbsp;&nbsp;<input type="password" name="mima" class="p5"></br>
            <a href="T:\南柯-网页版\1.html"><input type="submit" name="denglu" id="denglu-id" value="登录" class="p3"></a>
        </from>
    </div>
    <footer class="p6">©浮梦缘</br>歌儿，叶青衣，李无分，言天尊友情赞助</footer>
</body>
</html>